<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <script>
        (function () {
            var width =750, pw = parseInt(window.screen.width), scale = pw / width, ua = navigator.userAgent;
            if (/Android (\d+\.\d+)/.test(ua)) {
                var version = parseFloat(RegExp.$1);
                if (version > 2.3) {
                    document.write('<meta name="viewport" content="width=' + width + ',minimum-scale=' + scale + ',maximum-scale=' + scale + ',target-densitydpi=device-dpi" />');
                } else {
                    document.write('<meta name="viewport" content="width=' + width + ',target-densitydpi=device-dpi" />');
                }
            } else {
                document.write('<meta name="viewport" content="width=' + width + ',user-scalable=no,target-densitydpi=device-dpi" />');
            }
        })();
    </script>

    <title>诗乡画城 潇洒桐庐-热点专题-杭州网</title>
    <meta name="description" content=''/>
    <meta name="Keywords" content="">
    <link rel="stylesheet" href="./att/css/swiper.min.css"/>
    <style>
        /* reset */
        html{-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-touch-callout: none;font-family:'MicroSoft YaHei', Helvetica;            -webkit-tap-highlight-color:rgba(0,0,0,0);
        }
        body{font-size:24px;background-color: #fff;}
        body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select{margin:0; padding:0; font-weight: normal;text-indent: 0;}
        a,button,textarea,select{ background: none; -webkit-tap-highlight-color:rgba(255,0,0,0); outline:none; appearance:none;-webkit-appearance:none;}
        em{font-style:normal}
        li{list-style:none}
        a,a:hover{text-decoration:none;color:#333;}
        img{border:none; vertical-align:top;outline-width:0;}
        table{border-collapse:collapse;}
        textarea{ resize:none; overflow:auto;}
        .clear  {clear:both;}
        /* end reset */
        .container{width:750px;margin: 0 auto;position: relative;background: url(./att/images/bg_sec.jpg)  repeat;}
        .banner{background: url(./att/images/sjd_ban.png) no-repeat center top;width:750px;height:657px;}
        .footer{color:#fff;background:#1073d0;padding-top:40px;height: 120px;
            margin-bottom:120px; ;
        }
        .footer p{color:#fff;text-align: center;line-height:42px;font-size: 28px; }
        .content{
          background: url(./att/images/sjd_container.png)  no-repeat top;
            padding-top: 80px;
            width: 750px;
            height: auto;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
        }
        .dy{
            width: 722px;
            height: 429px;
            background:url(./att/images/sjd_dy.png) no-repeat top;
        }
        .media{
            width: 750px;
            height: auto;
            background:url(./att/images/media_bg.png) no-repeat top; 
            margin-top: 40px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            padding-bottom: 20px;
            border-radius: 40px;
        }
        .sjd_video{
            width: 670px;
            height: 440px;
            border-radius: 40px;
            object-fit: cover;
            margin-top: 50px;
           
        }
        .video_title_p{
            width: 640px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            font-weight: bolder;
            font-size: 48px;
            color: #3b3b3b;
            margin-top: 40px;
        }
        .video_title_p1{
            width:640px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            color: #4b4b4b;
            font-size: 32px;
            margin-top: 30px;
            line-height: 50px;
        }
        .enter{
            width: 205px;
            height: 58px;
            margin-top: 35px;
        }
        .news_p{
            color: #f3f9fa;
            font-size: 32px;
            font-weight: bolder;
            text-align: center;
            margin-top: 40px;
            
        }
        .xiexian{
            width: 21px;height: 29px;vertical-align: middle;
        }
        .news_li{
            width: 90%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            color: #eaeffd;
            padding: 20px 0;
            border-bottom: 1px  dashed #eaeffd;
            position: relative;
            padding-left: 40px;
            font-size: 32px;
        }
        .news_li::before {
            position: absolute;
            content: '';
            left: 0px;
            top: 34px;
            width: 8px;
            height: 8px;
            background-color: #fff;
            border-radius: 50%;
        }
        .news_right{
            background: url('./att/images/sjd_news.png') no-repeat bottom;
            background-size: 100% 100%;
            width: 720px;
            height: auto;
            margin-top: 70px;
            padding-bottom: 100px;
        }
        .myul{
            margin-top: 20px;
            padding: 0 20px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
    </style>
</head>
<body>

<div class="container">
    <div class="banner" >
    </div>
    <div class="content">
         <div class="dy"></div>
         <div class="media">
               <video class="sjd_video" poster="./att/images/sjd_poster.png" src=""></video>
               <p class="video_title_p">亚运会开幕式总导演、总制作人沙晓岚</p>
               <p class="video_title_p1">杭州亚运会开幕式总导演、总制作人沙晓岚接受新华社记者专访，为您讲述亚运会开幕式的精彩亮点...</p>
               <img class="enter" src="./att/images/sjd_enter.png" alt="">
         </div>
         <div class="media">
            <video class="sjd_video" poster="./att/images/sjd_poster.png" src=""></video>
            <p class="video_title_p">亚运会开幕式总导演、总制作人沙晓岚</p>
            <p class="video_title_p1">杭州亚运会开幕式总导演、总制作人沙晓岚接受新华社记者专访，为您讲述亚运会开幕式的精彩亮点...</p>
            <img class="enter" src="./att/images/sjd_enter.png" alt="">
        </div>
        <div class="news_right">
            <p class="news_p">相关新闻 <img class="xiexian" src="./att/images/xiexian.png" alt=""></p>
            <ul class="myul">
                <li class="news_li">
                    亚运男子25米手枪速射中国小将夺金
                </li>
                <li class="news_li">
                    亚运男子25米手枪速射中国小将夺金
                </li>
                <li class="news_li">
                    亚运男子25米手枪速射中国小将夺金
                </li>
                <li class="news_li">
                    亚运男子25米手枪速射中国小将夺金
                </li>
                <li class="news_li">
                    亚运男子25米手枪速射中国小将夺金
                </li>
                <li class="news_li">
                    亚运男子25米手枪速射中国小将夺金
                </li>
            </ul>
   </div>
    </div>


</div>
<script src="https://www.hangzhou.com.cn/extra/js/WeixinApi.js"></script>
<script src="https://www.hangzhou.com.cn/templateRes/201401/09/52570/52570/js/jquery.m.js" type="text/javascript"></script>
<script src="./att/js/swiper-3.4.2.jquery.min.js" type="text/javascript"></script>
<script src="https://www.hangzhou.com.cn/extra/js/hzwtj.js"></script>
</body>
</html>